
<script type="text/javascript" charset="utf-8">
/* Title settings */		
title = "报表数据";
titleXpos = 390;
titleYpos = 85;

/* Pie Data */
pieRadius = 130;
pieXpos = 150;
pieYpos = 180;

pieData = ${map.dataprice};
pieLegend = ${map.title};

pieLegendPos = "east";

$(function () {
	var r = Raphael("chartHolder");
	 
	r.text(titleXpos, titleYpos, title).attr({"font-size": 20});
	
	var pie = r.piechart(pieXpos, pieYpos, pieRadius, pieData, {legend: pieLegend, legendpos: pieLegendPos});
	pie.hover(function () {
		this.sector.stop();
		this.sector.scale(1.1, 1.1, this.cx, this.cy);
		if (this.label) {
			this.label[0].stop();
			this.label[0].attr({ r: 7.5 });
			this.label[1].attr({"font-weight": 800});
		}
	}, function () {
		this.sector.animate({ transform: 's1 1 ' + this.cx + ' ' + this.cy }, 500, "bounce");
		if (this.label) {
			this.label[0].animate({ r: 5 }, 500, "bounce");
			this.label[1].attr({"font-weight": 400});
		}
	});
	
});
</script>
<div class="pageContent">
	<div id="jbsxBox2" class="unitBox" style="float:left; display:block; overflow:auto; ">
		<div class="pageHeader" style="border:1px #B8D0D6 solid">
			<form id="pagerForm" onsubmit="return divSearch(this, 'jbsxBox2');" action="/finance/countRate" method="post">
				
				<div class="searchBar">
					<table class="searchContent">
						<tr>
							<td>
								起始日期：<input type="text" class="date" datefmt="yyyy-MM-dd HH:mm:ss" name="minDate" />
							</td>
							<td>
								终止日期：<input type="text" class="date" datefmt="yyyy-MM-dd HH:mm:ss" name="maxDate" />
							</td>
							<td><div class="buttonActive"><div class="buttonContent"><button type="submit">检索</button></div></div></td>
						</tr>
					</table>
				</div>
			</form>
		</div>
	</div>
	
	<div id="chartHolder"></div>
	
</div>

